<template>
    <view class="app">
		<view :class="['nav-item', item.url==''?'nav-item-1':'']" v-for="(item,index) in url" @click="to(item.url)">{{item.name}}</view>
		<!-- <BottomTips txt="开发中···"/> -->
    </view>
</template>

<script>
import BottomTips from "@/components/bottom-tips.vue"
export default {
	components:{BottomTips},
    data(){
        return{
			url:[
				{name: '转盘抽奖',url: '/pages/activity/lottery/index'},
				{name: '九宫格抽奖',url: '/pages/activity/lottery/index-1'},
				{name: '砍价活动',url: '/pages/activity/bargain/index'},
				{name: '植树节活动',url: '/pages/activity/planting_trees/index'},
				{name: '拼图游戏',url: '/pages/activity/puzzle/index-1'},
				{name: 'canvas 画板',url: '/pages/activity/board/index'},
				
				// {name: '准备中 !',url: ''},
				
				// {name: '拼图游戏',url: '/pages/activity/puzzle/index'},
				
			],
			height:''
        }
    },
    mounted(){
		this.height=uni.upx2px(88)
	},
    methods:{
        to(url){uni.navigateTo({url})}
    },
		onPageScroll(res) {
			console.log('滚动监听')
		}
}
</script>

<style lang="scss" scoped>
	.app{min-height: 100vh;background: #f3f3f3;}
	.nav-item{font-size: 30rpx;color: #333;height: 100rpx;line-height: 100rpx;padding-left: 60rpx;border-bottom: 1px solid #eee;background-color: #fff;position: relative;
		&.nav-item-1{color: #999;text-align: center;font-size: 26rpx;padding: 0;
			&::after{content: '';clear: both;display: block;width: 130px;height: 1rpx;background: #fff;border-top: 2rpx dotted #d7d7d7;border-radius: 0;position: absolute;left: 25rpx;top: 50%;transform: translateY(-50%);}
			&::before{content: '';clear: both;display: block;width: 130px;height: 1rpx;background: #fff;border-top: 2rpx dotted #d7d7d7;border-radius: 0;position: absolute;right: 25rpx;top: 50%;transform: translateY(-50%);}
		}
		&::after{content: '';clear: both;display: block;width: 8px;height: 8px;background: #73acf1;border-radius: 50%;position: absolute;left: 25rpx;top: 50%;transform: translateY(-50%);}
		&:nth-last-child(1){border: 0;}
		&:active{background: #f9f9f9;}
	}
	
</style>

